<template>
	<view class="Box">
		<view>
			<view class="tabsStyle"
				><u-tabs
					active-color="#5690FB"
					:list="dataList"
					:current="current"
					:bar-style="barStyle"
					:bar-width="100"
					:is-scroll="false"
					@change="tabChange"
				></u-tabs
			></view>
			<!-- 检验 -->
			<view v-if="current == 0">
				<checkoutIndex></checkoutIndex>
			</view>
			<!-- 检查 -->
			<view v-if="current == 1">
				<examineIndex></examineIndex>
			</view>
			<view class="safe"></view>
		</view>
	</view>
</template>

<script>
import checkoutIndex from './checkoutIndex.vue'
import examineIndex from './examineIndex.vue'
export default {
	components: {
		checkoutIndex,
		examineIndex,
	},
	data() {
		return {
			dataList: [
				{
					id: 0,
					name: '检验',
				},
				{
					id: 1,
					name: '检查',
				},
			],
			current: 0,
		}
	},
	methods: {
		tabChange(index) {
			console.log(index)
			this.current = index
		},
		// dataClick(item) {
		// 	if (item.id == 0) {
		// 		this.$router.navigateTo({
		// 			url: '/pages/myReport/checkoutIndex',
		// 		})
		// 	} else {
		// 		this.$router.navigateTo({
		// 			url: '/pages/myReport/examineIndex',
		// 		})
		// 	}
		// 	console.log(item)
		// },
	},
}
</script>

<style lang="scss">
page {
	background: #f3f3f3;
}
// .Box {
// 	margin-top: 20%;
// 	display: flex;
// 	.outerBox {
// 		width: 100%;

// 		.contentBox {
// 			text-align: center;
// 			width: 80%;
// 			height: 300rpx;
// 			line-height: 300rpx;
// 			font-size: 60rpx;
// 			background: #409eff;
// 			margin: 0 auto;
// 			margin-top: 60rpx;
// 			color: #fff;
// 		}
// 	}
// }
</style>